@font-face {
	font-family:ziti;
	src: url(https://hk.91io.cn/s/A5Z1qiK);
}
body {
	font-family:ziti;
	background: linear-gradient(195deg, #F2E6D6 0%, #C9DAD4 60%, #8AA9BE 100%) no-repeat fixed;
	height: 100vh;
	color: #4E4848;
	margin: 0;
	padding: 0;
}
h1::before {
	content: "★";
	color: #FFC800;
	font-size: 1.25em;
}
h1 {
	border-bottom: 2px solid #222;
	margin: 5.18%;
	color: #493A2B;
	text-align: center;
}
h2 {
	text-align: center;
}
h3 {
	text-align: center;
}
p {
	text-indent: 2em;
}
img {
	width: 100%;
	border-radius: 3px;
}
.view {
	background: #EAEAEA;
	padding: 0.618em;
	border-radius: 2.5%;
	padding: 2.5%;
	box-shadow: 0 0 10px #8c8c8c;
	margin: 3.5% 3.5%;
}
.choose {
	background: #DAE1D2;
	padding: 0.618em;
	margin: 3.5%;
	border-color: #B6C0AC;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	box-shadow: 0 1px #8c8c8c;
}
.header {
	background: rgba(254,245,245,0.618);
	border-radius: 5px;
	margin: 1.75%;
	padding: 1.75%;
}
.choose a {
	text-decoration: none;
	color: #00ABFF;
	transition: all .5s;
}
.choose a:hover {
	box-shadow: 0 2px 3px #8c8c8c;
	color: #0080FF;
}